<template>
<div ref='ruler' style='height: 300px'>
    <p v-for='count in 114514'>
        {{ count }}
    </p>
</div>
</template>

<script>
export default {
name: "Ruler",
    data() {
        return {

        }
    },
    mounted() {
        this.init();
    },
    methods : {
        init : function() {
            this.$refs.ruler.scrollHeight = 300;
        }
    }
}
</script>

<style scoped>

</style>
